//colors
// $color_mountain_mist_approx: #999999;
// $white: #ffffff;
// $color_quill_gray_approx: #d3d3d3;

//urls
// $url_ct1: url(../../../../images/gem/skin/vertical/icon-tooltip-01.png);

.tooltip-wrap {
	display: none;
	position: absolute;
	z-index: 54;
}
.tooltip {
	padding: 7px;
	border: 1px solid $color_mountain_mist_approx;
	position: relative;
	background: $white;
	//Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
	box-shadow: 0 1px 4px $color_quill_gray_approx;
	font-size: 84%;
	vertical-align: bottom;
	.tool-icon {
		display: block;
		width: 16px;
		height: 6px;
		position: absolute;
		bottom: -6px;
		background: $url_ct1 no-repeat left center;
	}
}
